<template>
  <Layout class="menu-left">
        <Menu mode="horizontal" @on-select='lowerStep' :active-name="modaleshow">
            <MenuItem :name="4">通知公告</MenuItem>
            <MenuItem :name="1">企业资讯</MenuItem>
        </Menu>
        <Row v-show="modaleshow==1">
            <Col span="24">
                <singleArtical :type="3" ref="leader"></singleArtical>
            </Col>
        </Row>
      <Row v-show="modaleshow==4">
          <Col span="24">
              <notice></notice>
          </Col>
      </Row>
    </Layout>

</template>

<script>
    import singleArtical from './singleArtical.vue'
    import notice from './notice.vue'
    import {Api} from "../../../api/index.js"

    export default {
        components: {singleArtical,notice},
        data(){
            return {
                modaleshow:4
            }
        },
        methods: {
            lowerStep(name) {
                this.modaleshow=name
            }
        }
    }
</script>

<style lang='css' scoped>
    @import '../../../index.css';
</style>